{% load i18n %}
<div class="rwrap">

<script type="text/javascript">
(function(){
    var D = YAHOO.util.Dom;
    var genId = YAHOO.util.Dom.generateId();
    document.write('<style>.creoleHelp {display:none}</style>');
    document.write('<div id="'+genId+'"></div>');
    btn = new YAHOO.widget.Button({
        type: "checkbox",
        label: "{% trans "Show help" %}",
        checked: false,
        container: genId,
        onclick: {
            fn: function(e, genId){
                help = D.getNextSibling(genId);
                this.get('checked') ? D.addClass(help, "show") : D.removeClass(help, "show");
            },
            obj: genId
        }
    });
})()
</script>

<table class="creoleHelp"><tr>
</tr><tr>
    <td>== {% trans "Large Headline" %}</td><td><h2>{% trans "Large Headline" %}</h2></td>
</tr><tr>
    <td>=== {%trans "Medium Headline" %}</td><td><h3>{%trans "Medium Headline" %}</h3></td>
</tr><tr>
    <td>* {% trans "Bulletlist" %}<br>* {% trans "Second item" %}</td><td><ul><li>{% trans "Bulletlist" %}</li><li>{% trans "Second item" %}</li></ul></td>
</tr><tr>
    <td># {% trans "Numbered list" %}<br># {% trans "Second item" %}</td><td><ol><li>{% trans "Numbered list" %}</li><li>{% trans "Second item" %}</li></ol></td>
</tr><tr>
    <td>//{% trans "Italics" %}//</td><td><em>{% trans "Italics" %}</em></td>
</tr><tr>
    <td>**{% trans "Bold" %}**</td><td><strong>{% trans "Bold" %}</strong></td>
</tr><tr>
    <td>[[http://google.com|Google]]</td><td><a href="http://google.com">Google</a></td>
</tr><tr>
    <td>{% trans "Force" %}\\{% trans "linebreak" %}</td><td>{% trans "Force" %}<br>{% trans "linebreak" %}</td>
</tr></table>

</div>
